<%@ include file="../common/top.jsp" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="StyleSheet" href="css/productcard.css" type="text/css"
      media="screen"/>

<div id="Catalog">

    <h2>${sessionScope.category.name}</h2>
    <div class="product_card_groups">
        <div class="product_card_group">
            <c:forEach var="product" items="${sessionScope.productList}">
                <div class="product_card">
                    <div id="product">
                        <div>
                            <img id="pic" src="${product.description}"/>
                        </div>
                        <div class="product_card_content">
                            <h4><a href="productForm?productId=${product.productId}">${product.name}</a></h4>
                            <div class="item_card_description">
                                    ${product.productId}
                            </div>
                        </div>

                    </div>
                </div>
            </c:forEach>
        </div>
    </div>

</div>


<%--    <table>--%>
<%--        <tr>--%>
<%--            <th>Product ID</th>--%>
<%--            <th>Name</th>--%>
<%--        </tr>--%>
<%--        <c:forEach var="product" items="${sessionScope.productList}">--%>
<%--            <tr>--%>
<%--                <td>--%>
<%--                    <a href="productForm?productId=${product.productId}">${product.productId}</a>--%>
<%--                </td>--%>
<%--                <td>${product.name}</td>--%>
<%--            </tr>--%>
<%--        </c:forEach>--%>
<%--    </table>--%>

<%--<div id="product_group">--%>
<%--    <c:forEach var="product" items="${sessionScope.productList}">--%>
<%--        <div id="product">--%>
<%--            <div>--%>
<%--                <img id="pic" src="images/te.jpg"/>--%>
<%--            </div>--%>
<%--            <div id="product_txt">--%>
<%--                <a href="productForm?productId=${product.productId}">${product.productId}</a>--%>
<%--                <div>--%>
<%--                        ${product.name}--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </c:forEach>--%>
<%--</div>--%>

</div>

<%@ include file="../common/bottom.jsp" %>
